<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/font.css">
    <style>
        .cc .card:hover {
            border: 2px solid #65a15a;
        }
    </style>
</head>

<body>
    <!-- 头部导航开始 -->
    <!-- 大屏幕lg下的导航 开始 -->
    <div id="nav">
        <nav class=" navbar bg-white  navbar-light navbar-expand-lg fixed-top d-none d-lg-block">
            <div class=" container d-flex align-content-center justify-content-between">
                <a href="#" class=" navbar-brand ">
                    <img src="images/s/logo1.png" width="200px" alt="">
                </a>

                <div class=" input-group  mt-3 w-25">
                    <input type="text" class=" form-control" placeholder="商品名称">
                    <button class="icon-search bg-green text-white fs-5 w-15 border-0"></button>
                </div>
                <div class=" btn-group">
                    <button type="button" class="btn  rounded-pill btn-outline-green py-1 mx-3" data-bs-target="#login"
                        data-bs-toggle="modal">登录</button>
                    <button type="button" class="btn  rounded-pill btn-outline-green py-1" data-bs-toggle="offcanvas"
                        data-bs-target="#off1">注册</button>
                </div>
            </div>
        </nav>
        <!-- 登录开始 -->
        <div class=" modal" tabindex="-1" id="login" data-bs-backdrop="static" data-bs-keyboard="true">
            <div class=" modal-dialog modal-dialog-centered">
                <div class=" modal-content">
                    <div class=" modal-header">
                        <h4 class=" modal-title">登录</h4>
                        <button type="button" class=" btn btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class=" modal-body">
                        <div class=" w-75 mx-auto">
                            <form action="" method="POST">
                                <div class="my-3">
                                    <label for="email" class="form-label">Email</label>
                                    <input type="email" name="" id="email" class="form-control" placeholder="请输入邮箱">
                                </div>
                                <div class="my-3">
                                    <label for="pwd" class="form-label">Password</label>
                                    <input type="password" name="" id="pwd" class="form-control" placeholder="请输入密码">
                                    <div class=" form-text">密码长度8-20，必须包括数字和字符</div>
                                </div>
                                <div class="my-3 form-check">
                                    <input type="checkbox" name="" id="check1" class=" form-check-input">
                                    <label for="check1" class=" form-check-label">check me out</label>
                                </div>
                                <div class="my-3 text-center">
                                    <button type="submit" class="btn btn-green rounded w-100">提交</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class=" modal-footer">
                        <button type="button" class=" btn btn-secondary" data-bs-dismiss="modal">关闭</button>
                        <button type="button" class=" btn btn-green">保存</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- 登录结束 -->
        <!-- 注册 开始 -->
        <div class=" offcanvas offcanvas-end" id="off1" tabindex="-1" data-bs-scroll="true" data-bs-backdrop="true">
            <div class=" offcanvas-header">
                <h5 class=" offcanvas-title">注册</h5>
                <button type="button" class=" btn-close text-reset" data-bs-dismiss="offcanvas"></button>
            </div>
            <div class=" offcanvas-body">
                <form action="" method="POST">
                    <div class=" form-floating my-3">
                        <input type="text" name="" id="fInput" class=" form-control" placeholder="l1">
                        <label for="fInput">手机号</label>
                    </div>
                    <div class="my-3 input-group">
                        <input type="text" name="" id="check1" class=" form-control" placeholder="请输入短信验证码">
                        <button type="button" class=" btn btn-secondary">获取验证码</button>
                    </div>
                    <div class=" form-floating my-3">
                        <input type="password" name="" id="fPwd" class=" form-control" placeholder="l1">
                        <label for="fPwd">password</label>
                    </div>
                    <div class="my-5 text-center">
                        <button type="submit" class="btn btn-green rounded-pill w-100">注册</button>
                    </div>
                </form>
            </div>
        </div>
        <!-- 注册 结束 -->

        <!-- 大屏幕lg下的导航 结束 -->
        <!-- 小屏幕 开始 -->
        <nav class=" navbar bg-white navbar-light navbar-expand-md d-lg-none">
            <div class=" container d-flex align-content-center justify-content-between">
                <a href="#" class=" navbar-brand ">
                    <img src="images/s/logo1.png" width="200px" alt="">
                </a>
                <button type="button" class=" navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                    <span class=" navbar-toggler-icon"></span>
                </button>
                <div class=" collapse navbar-collapse justify-content-around" id="navbarNav">
                    <ul class=" navbar-nav">
                        <li class=" nav-item"><a href="index.html" class=" nav-link active">首页</a></li>
                        <li class=" nav-item"><a href="t1.html" class=" nav-link">商品</a></li>
                        <li class=" nav-item"><a href="t2.html" class=" nav-link">了解详情</a></li>
                        <li class=" nav-item"><a href="#" class=" nav-link">关于我们</a></li>
                    </ul>
                </div>
            </div>
        </nav>
        <!-- 小屏幕 结束 -->
        <nav class=" navbar bg-d  navbar-dark mt-6   d-none d-lg-block p-0">
            <div class=" container d-flex justify-content-start">
                <a href="#" class=" navbar-brand bg-green text-white p-2 left">
                    <button type="button" class=" navbar-toggler" data-bs-toggle="collapse"
                        data-bs-target="#navbarNav2">
                        <span class=" navbar-toggler-icon text-white"></span>
                    </button>
                    <span class=" me-5">分类</span>
                </a>
                <ul class="dh mt-3">
                    <li class="sy"><a href="index.html">首页</a></li>
                    <li><a href="t1.html">商品</a></li>
                    <li><a href="t2.html">了解详情</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
            </div>
        </nav>
        <div class=" container">
            <div class=" collapse navbar-collapse justify-content-around" id="navbarNav2">
                <ul class=" navbar-nav sort bg-white ps-3 mt-0">
                    <li class=" nav-item"><a href="#" class=" nav-link active text-black">仙人掌</a></li>
                    <li class=" nav-item"><a href="#" class=" nav-link text-black">绿萝</a></li>
                    <li class=" nav-item"><a href="#" class=" nav-link text-black">巴西木</a></li>
                    <li class=" nav-item"><a href="#" class=" nav-link text-black">吊兰</a></li>
                    <li class=" nav-item"><a href="#" class=" nav-link text-black">万年青</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- md -->
    <nav class=" navbar bg-green  navbar-dark d-none d-md-block d-lg-none p-0">
        <div class=" container d-flex justify-content-start">
            <a href="#" class=" navbar-brand bg-green text-white p-2">
                <button type="button" class=" navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarNav3">
                    <span class=" navbar-toggler-icon text-white"></span>
                </button>
                <span class=" me-5">分类</span>
            </a>
        </div>
    </nav>
    <div class=" container">
        <div class=" collapse navbar-collapse " id="navbarNav3">
            <ul class=" navbar-nav sort bg-white ps-3 mt-0">
                <li class=" nav-item"><a href="#" class=" nav-link active text-black">仙人掌</a></li>
                <li class=" nav-item"><a href="#" class=" nav-link text-black">绿萝</a></li>
                <li class=" nav-item"><a href="#" class=" nav-link text-black">巴西木</a></li>
                <li class=" nav-item"><a href="#" class=" nav-link text-black">吊兰</a></li>
                <li class=" nav-item"><a href="#" class=" nav-link text-black">万年青</a></li>
            </ul>
        </div>
    </div>
    </div>
    <!-- 内容 开始 -->
    <!-- 轮播开始 -->
    <div class=" container nr">
        <div class=" row">
            <div class="col-lg-8 d-none d-md-block mt-5">
                <div id="swiper" class=" carousel slide " data-bs-ride="carousel" data-bs-interval="2000">
                    <!-- 轮播计算器开始 -->
                    <ol class=" carousel-indicators">
                        <li data-bs-target="#swiper" data-bs-slide-to="0" class="active"></li>
                        <li data-bs-target="#swiper" data-bs-slide-to="1"></li>
                        <li data-bs-target="#swiper" data-bs-slide-to="2"></li>
                    </ol>
                    <!-- 轮播计算器结束 -->
                    <!-- 轮播项目 start -->
                    <div class=" carousel-inner">
                        <div class=" carousel-item active position-relative">
                            <img src="images/s/1.png" class="d-block w-100" alt="">
                            <div class="zt carousel-caption position-absolute">
                                <p class="fontsize text-black  fw-bold">装點生活</p>
                                <h5 class=" text-black">—— 把大自然搬进家里 ——</h5>
                                <h5 class=" text-muted fs-5">New price<span class=" font-green fs-2">&yen;500.00</sapn>
                                </h5>
                                <button type="button"
                                    class="buy bg-green text-white border-0 px-4 py-2 fs-5 mt-3">立即购买</button>
                            </div>
                        </div>
                        <div class=" carousel-item position-relative">
                            <img src="images/s/2.png" class="d-block w-100" alt="">
                            <div class="zt carousel-caption position-absolute">
                                <p class=" text-black fontsize fw-bold">纯洁洋桔梗</p>
                                <h5 class=" text-black">—— 纯洁美丽动人 ——</h5>
                                <h5 class=" text-muted fs-5">New price<span class=" font-green fs-2">&yen;250.00</sapn>
                                </h5>
                                <button type="button"
                                    class="buy bg-green text-white border-0 px-4 py-2 fs-5 mt-3">立即购买</button>
                            </div>
                        </div>
                        <div class=" carousel-item position-relative">
                            <img src="images/s/3.png" class="d-block w-100" alt="">
                            <div class="zt carousel-caption position-absolute">
                                <p class=" text-black fontsize fw-bold">阳关海岸</p>
                                <h5 class=" text-black">—— 像夏日的海风，清爽明亮 ——</h5>
                                <h5 class=" text-muted fs-5">New price<span class=" font-green fs-2">&yen;250.00</sapn>
                                </h5>
                                <button type="button"
                                    class="buy bg-green text-white border-0 px-4 py-2 fs-5 mt-3">立即购买</button>
                            </div>
                        </div>
                    </div>
                    <!-- 轮播项目 end -->
                    <!-- 控制器开始 -->
                    <a href="#swiper" class=" carousel-control-prev" data-bs-slide="prev">
                        <span class=" carousel-control-prev-icon"></span>
                    </a>
                    <a href="#swiper" class=" carousel-control-next" data-bs-slide="next">
                        <span class=" carousel-control-next-icon"></span>
                    </a>
                    <!-- 控制器结束 -->
                </div>
            </div>
            <div class="d-md-none  col-12">
                <div id="swiper1" class=" carousel slide " data-bs-ride="carousel" data-bs-interval="2000">
                    <!-- 轮播计算器开始 -->
                    <ol class=" carousel-indicators">
                        <li data-bs-target="#swiper1" data-bs-slide-to="0" class="active"></li>
                        <li data-bs-target="#swiper1" data-bs-slide-to="1"></li>
                        <li data-bs-target="#swiper1" data-bs-slide-to="2"></li>
                    </ol>
                    <!-- 轮播计算器结束 -->
                    <!-- 轮播项目 start -->
                    <div class=" carousel-inner">
                        <div class=" carousel-item active">
                            <img src="images/s/1.png" class="d-block w-100" alt="">
                            <div class=" carousel-caption top-0 mt-5 ">
                                <p class="fontsize text-black  fw-bold">装點生活</p>
                                <h5 class=" text-black">—— 把大自然搬进家里 ——</h5>
                                <h5 class=" text-muted fs-5">New price<span class=" font-green fs-2">&yen;500.00</sapn>
                                </h5>
                                <button type="button"
                                    class="buy bg-green text-white border-0 px-4 py-2 fs-5 mt-3">立即购买</button>
                            </div>
                        </div>
                        <div class=" carousel-item">
                            <img src="images/s/2.png" class="d-block w-100" alt="">
                            <div class=" carousel-caption top-0 mt-5">
                                <p class=" text-black fontsize fw-bold">纯洁洋桔梗</p>
                                <h5 class=" text-black">—— 纯洁美丽动人 ——</h5>
                                <h5 class=" text-muted fs-5">New price<span class=" font-green fs-2">&yen;250.00</sapn>
                                </h5>
                                <button type="button"
                                    class="buy bg-green text-white border-0 px-4 py-2 fs-5 mt-3">立即购买</button>
                            </div>
                        </div>
                        <div class=" carousel-item">
                            <img src="images/s/3.png" class="d-block w-100" alt="">
                            <div class=" carousel-caption top-0 mt-5">
                                <p class=" text-black fontsize fw-bold">阳关海岸</p>
                                <h5 class=" text-black">—— 像夏日的海风，清爽明亮 ——</h5>
                                <h5 class=" text-muted fs-5">New price<span class=" font-green fs-2">&yen;250.00</sapn>
                                </h5>
                                <button type="button"
                                    class="buy bg-green text-white border-0 px-4 py-2 fs-5 mt-3">立即购买</button>
                            </div>
                        </div>
                    </div>
                    <!-- 轮播项目 end -->
                    <!-- 控制器开始 -->
                    <a href="#swiper" class=" carousel-control-prev" data-bs-slide="prev">
                        <span class=" carousel-control-prev-icon"></span>
                    </a>
                    <a href="#swiper" class=" carousel-control-next" data-bs-slide="next">
                        <span class=" carousel-control-next-icon"></span>
                    </a>
                    <!-- 控制器结束 -->
                </div>
            </div>

            <div class=" col-12 col-lg-4 mt-md-5 mt-4">
                <div class=" position-relative">
                    <img src="images/s/z2.png" class="d-block w-100" alt="">
                    <div class="dd position-absolute ">
                        <div class=" fs-2 fw-bold">蝴蝶兰</div>
                        <div class="fontsize2 text-muted mt-3">悬挂着的美</div>
                        <button type="button" class="buy bg-green text-white border-0 px-4 py-2 fs-5 mt-4">立即购买</button>
                    </div>
                </div>
                <div class="mt-4 position-relative">
                    <img src="images/s/z1.png" class="d-block w-100" alt="">
                    <div class="dd position-absolute">
                        <div class=" fs-2 fw-bold">天使</div>
                        <div class="fontsize2 text-muted mt-3">纯洁的友谊</div>
                        <div class="fontsize2 text-muted ">送给你</div>
                        <h5 class=" text-muted fs-5 mt-3"><span class=" font-green fs-2">&yen;250.00</sapn>
                        </h5>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 轮播结束 -->
    <!-- 植物开始 -->
    <div class=" container my-5 cc">
        <div class=" text-center fs-2 fw-bold">今日限定</div>
        <div class="tiao mt-3"></div>
        <div class=" row my-3 gy-4">
            <div class=" col-6 col-md-3 position-relative">
                <div class="card">
                    <img src="images/s/1.jpg" class=" card-img-top" alt="">
                    <div class=" card-body">
                        <h5 class=" card-title fw-bold text-center">龟背竹</h5>
                        <p class=" card-text text-muted small text-center">净化空气，改善空气</p>
                        <p class=" card-text text-muted small text-center">&yen;50</p>
                    </div>
                    <div
                        class="b position-absolute  bg-white w-50 text-center rounded-pill p-3 justify-content-center  ">
                        <i class="icon-heart2  border-0 fs-5 bs"></i>
                        <i class="icon-search  border-0 fs-5 bs mx-auto"></i>
                        <i class="icon-cart  border-0 fs-5 bs"></i>
                    </div>
                </div>

            </div>
            <div class=" col-6 col-md-3">
                <div class="card">
                    <img src="images/s/2.jpg" class=" card-img-top" alt="">
                    <div class=" card-body">
                        <h5 class=" card-title fw-bold text-center">水晶花烛</h5>
                        <p class=" card-text text-muted small text-center">大展宏图热血热情</p>
                        <p class=" card-text text-muted small text-center">&yen;35</p>
                    </div>
                    <div
                        class="b position-absolute  bg-white w-50 text-center rounded-pill p-3 justify-content-center  ">
                        <i class="icon-heart2  border-0 fs-5 bs"></i>
                        <i class="icon-search  border-0 fs-5 bs mx-auto"></i>
                        <i class="icon-cart  border-0 fs-5 bs"></i>
                    </div>
                </div>
            </div>
            <div class=" col-6 col-md-3">
                <div class="card">
                    <img src="images/s/3.jpg" class=" card-img-top" alt="">
                    <div class=" card-body">
                        <h5 class=" card-title fw-bold text-center">绿萝</h5>
                        <p class=" card-text text-muted small text-center">美化环境，净化空气</p>
                        <p class=" card-text text-muted small text-center">&yen;35</p>
                    </div>
                    <div
                        class="b position-absolute  bg-white w-50 text-center rounded-pill p-3 justify-content-center  ">
                        <i class="icon-heart2  border-0 fs-5 bs"></i>
                        <i class="icon-search  border-0 fs-5 bs mx-auto"></i>
                        <i class="icon-cart  border-0 fs-5 bs"></i>
                    </div>
                </div>
            </div>
            <div class=" col-6 col-md-3">
                <div class="card">
                    <img src="images/s/4.jpg" class=" card-img-top" alt="">
                    <div class=" card-body">
                        <h5 class=" card-title fw-bold text-center">虎皮兰</h5>
                        <p class=" card-text text-muted small text-center">改善风水，净化空气</p>
                        <p class=" card-text text-muted small text-center">&yen;35</p>
                    </div>
                    <div
                        class="b position-absolute  bg-white w-50 text-center rounded-pill p-3 justify-content-center  ">
                        <i class="icon-heart2  border-0 fs-5 bs"></i>
                        <i class="icon-search  border-0 fs-5 bs mx-auto"></i>
                        <i class="icon-cart  border-0 fs-5 bs"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 植物结束 -->
    <div class="lt container mt-5 d-flex align-items-center text-center justify-content-center ">
        <div><img src="images/s/car.png" class=" d-block w-100" alt=""></div>
        <div class=" fs-5 text-white">Free Delivery for you</div>
    </div>
    <!-- 新品上架 开始 -->
    <div class=" container my-5 ">
        <div class=" text-center fs-2 fw-bold">了解更多</div>
        <div class="tiao mt-3"></div>
        <div class=" row my-3 gy-4">
            <div class=" col-6 col-md-4 ">
                <div class="card border-0 zg">
                    <img src="images/s/s1.jpg" class=" card-img-top" alt="">
                    <div class="bj position-absolute d-xxl-block d-none"></div>
                    <div class=" card-body px-0">
                        <h5 class=" card-title fw-bold">We know that buying Cars</h5>
                        <div class="tt"></div>
                        <p class=" card-text text-muted small mt-3 mb-1">颜色粉嫩美丽，颜色很柔美，是永恒的爱和无望的爱。</p>
                        <span class="fw-bold fontsize3">READ MORE</span>
                    </div>
                </div>
            </div>
            <div class=" col-6 col-md-4 ">
                <div class="card border-0 zg">
                    <img src="images/s/s2.jpg" class=" card-img-top " alt="">
                    <div class="bj position-absolute d-xxl-block d-none"></div>
                    <div class=" card-body px-0">
                        <h5 class=" card-title fw-bold ">We bring you the best</h5>
                        <div class="tt"></div>
                        <p class=" card-text text-muted small mt-3 mb-1">无悔的爱，今生和你成为朋友、知己是我无悔的决定，有你相伴是美好的、幸运的。</p>
                        <span class="fw-bold fontsize3">READ MORE</span>
                    </div>
                </div>
            </div>
            <div class=" col-6 col-md-4 d-md-block d-none">
                <div class="card border-0 position-relative zg">
                    <img src="images/s/s3.jpg" class=" card-img-top " alt="">
                    <div class="bj position-absolute d-xxl-block d-none"></div>
                    <div class=" card-body px-0">
                        <h5 class=" card-title fw-bold ">We know that buying Cars</h5>
                        <div class="tt"></div>
                        <p class=" card-text text-muted small mt-3 mb-1">
                            花开的时候代表着就是幸福降临的时候，但的人能抓住幸福，从而获得永恒的幸福，但有人却与幸福失之交臂。</p>
                        <span class="fw-bold fontsize3">READ MORE</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 新品上架 结束 -->
    <!-- 内容 结束 -->
    <!-- 尾部 开始 -->
    <div class=" bg-d pt-5 pb-4 d-none  d-md-block">
        <div class="foot container  text-center ">
            <div class=" d-flex">
                <div class=" col-4">
                    <ul>
                        <li class=" fw-bold"> <a href="#">QUICK MENU</a></li>
                        <li class=" pt-2"><a href="#">New arrivals</a></li>
                        <li class=" pt-2"><a href="#">Life style</a></li>
                        <li class=" pt-2"><a href="#">Cacti</a></li>
                        <li class=" pt-2"><a href="#">Palms </a></li>
                        <li class=" pt-2"><a href="#">Ferns </a></li>
                    </ul>
                </div>
                <div class=" col-4">
                    <ul>
                        <li class=" fw-bold"><a href="#">NEWSLETTER</a></li>
                        <li class=" pt-2">
                            <a href="#">Sign up for our free video course and</a>
                        </li>
                        <li class=" pt-2">
                            <a href="#">urban garden inspiration</a>
                        </li>
                        <li class=" pt-1"><button class="btn border-gray bg-white  w-75 mt-1 py-2">You email
                                letter</button>
                        </li>
                        <li class=" pt-1"><button
                                class="btn bg-green border-gray text-white w-75 mt-2">SUBSCRIBE</button>
                        </li>
                    </ul>
                </div>
                <div class=" col-4">
                    <ul>
                        <li class=" fw-bold"><a href="#">INFORMATION </a></li>
                        <li class=" pt-2"><a href="#">FAQs</a></li>
                        <li class=" pt-2"><a href="">Track Order </a></li>
                        <li class=" pt-2"><a href="">Delivery </a></li>
                        <li class=" pt-2"><a href="">Contact Us </a></li>
                        <li class=" pt-2"><a href="">Return </a></li>
                    </ul>
                </div>
            </div>
            <div class="ms-4 text-secondary">Copyright © 2020.lvzhi All rights reserved.</div>
        </div>
    </div>
    <!-- 尾部 结束 -->

    <!-- 移动端底部导航开始 -->
    <!--     <div class=" d-md-none mt-6">

    </div>
    <div class="d-md-none bg-light fixed-bottom border-top">
        <ul class="nav nav-tabs flex-nowrap justify-content-evenly">
            <li class=" nav-item">
                <a href="index.html" data-bs-toggle="tab" class=" nav-link active d-flex flex-column bottom-tab">
                    <svg t="1641221098851" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="4043" width="32" height="32">
                        <path
                            d="M296.3 405.6l185-185c9-9 20.9-13.5 32.7-13.5 11.9 0 23.7 4.5 32.7 13.5l185.7 185.7 194.1 194.1c1.9 1.9 5.1 1.3 6.2-1.1 7.9-17.9 12.1-37.4 12.1-57.5 0-38.1-14.8-73.8-41.7-100.7L614.7 152.6c-55.6-55.5-145.9-55.5-201.5 0L124.9 441C98 467.9 83.2 503.6 83.2 541.7c0 20.1 4.2 39.7 12.1 57.5 1.1 2.4 4.3 3 6.2 1.1l194.8-194.7z"
                            p-id="4044" fill="#bfbfbf"></path>
                        <path
                            d="M201.6 566.2c-5.4 5.4-8.4 12.7-8.4 20.3v230.7c0 54.3 44 98.3 98.3 98.3h103.3c10.4 0 18.9-8.4 18.9-18.9V673.5c0-11.4 14.1-16.5 24.2-16.5h152.3c11.6 0 24.2 6.3 24.2 16.5v223.1c0 10.4 8.4 18.9 18.9 18.9h103.3c54.3 0 98.3-44.1 98.3-98.3V586.5c0-7.6-3-14.9-8.4-20.3L526 265.9c-6.7-6.7-17.4-6.7-24.1 0L201.6 566.2z"
                            p-id="4045" fill="#bfbfbf"></path>
                    </svg>
                    首页</a>
            </li>
            <li class=" nav-item">
                <a href="t2.html" data-bs-toggle="tab" class=" nav-link d-flex flex-column bottom-tab">
                    <svg t="1641221397623" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="8201" width="32" height="32">
                        <path
                            d="M451.53430187 887.898112h-281.509888c-17.51668053 0-31.28142507-14.39061333-31.28142507-31.28142507V168.47557973c0-17.51668053 13.76474453-31.28142507 31.28142507-31.28142506H795.60704c16.89081173 0 31.27596373 13.76474453 31.27596373 31.28142506v281.509888c0 17.2785664 14.00832 31.28142507 31.28142507 31.28142507s31.28142507-14.00395093 31.28142507-31.28142507v-312.79240533c0-34.40749227-28.15535787-62.5573888-62.56285014-62.5573888H138.74189653c-34.40749227 0-62.5573888 28.14989653-62.5573888 62.5573888v750.70395733c0 34.40749227 28.14989653 62.5573888 62.5573888 62.5573888h312.79240534c17.2785664 0 31.28142507-14.00395093 31.28142506-31.28142506 0-17.27092053-14.00395093-31.27487147-31.28142506-31.27487147z m485.95490133 5.6885248l-81.32471467-81.32471467c-6.25759573-6.25759573-12.5140992-6.25759573-18.77169493-6.25759573-18.7662336 0-31.277056 12.5140992-31.277056 31.28142507 0 6.25759573 0 12.50973013 6.25759573 18.7662336l81.32471467 81.32471466c6.25650347 6.25759573 12.50973013 12.5140992 25.02382933 12.5140992 18.76732587 0 31.277056-12.5140992 31.277056-31.28142506-0.00109227-6.25104213-6.25322667-18.76514133-12.50973013-25.02273707z m0 0"
                            fill="#bfbfbf" p-id="8202"></path>
                        <path
                            d="M693.05849173 511.16878507c-103.6517376 0-187.6721664 84.02589013-187.6721664 187.67762773 0 103.64627627 84.02152107 187.6721664 187.6721664 187.6721664 103.6517376 0 187.67653547-84.02589013 187.67653547-187.6721664 0-103.6517376-84.02479787-187.67762773-187.67653547-187.67762773z m0 312.79131306c-45.35637333 1.02673067-87.7101056-22.57933653-110.6968576-61.69340586-22.98565973-39.1118848-22.9998592-87.605248-0.032768-126.7269632 22.9670912-39.12389973 65.31099307-62.7539968 110.6673664-61.75238827 67.99469227 1.5040512 122.33168213 57.0458112 122.35134294 125.05797973 0.01529173 68.00889173-54.29548373 123.57905067-122.28908374 125.1147776z m31.72051627-499.71418453H223.3073664c-16.98146987-0.032768-30.74184533-13.79314347-30.7789824-30.7789824v-1.0027008c0-16.95307093 13.82591147-30.77461333 30.7789824-30.77461333h501.4716416c16.95307093 0 30.77461333 13.8215424 30.77461333 30.77461333v1.0027008c0 16.89081173-13.88926293 30.7789824-30.77461333 30.7789824z m-2.0054016 125.11586987H221.36968533c-16.98583893-0.03386027-30.7462144-13.79423573-30.7789824-30.78116694v-0.99723946c0-16.95307093 13.82591147-30.78116693 30.7789824-30.78116694h501.46618027c16.95307093 0 30.78007467 13.828096 30.78007467 30.78116694v0.99723946c0 16.89081173-13.88926293 30.78116693-30.84233387 30.78116694zM411.60977067 574.16526507H222.99716267c-16.98583893-0.032768-30.7462144-13.79314347-30.7789824-30.7789824v-0.99833174c0-16.95853227 13.82591147-30.7789824 30.7789824-30.7789824h188.612608c16.95307093 0 30.78116693 13.8215424 30.78116693 30.7789824v0.99833174c-0.04041387 16.98583893-13.79969707 30.7462144-30.78116693 30.7789824z m0 0"
                            fill="#bfbfbf" p-id="8203"></path>
                    </svg>

                    详情</a>
            </li>
            <li class=" nav-item">
                <a href="t1.html" data-bs-toggle="tab" class=" nav-link d-flex flex-column bottom-tab">
                    <svg t="1641221216687" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="6552" width="32" height="32">
                        <path
                            d="M511.616 682.666667L512 960c-66.538667-0.469333-113.578667-7.189333-141.184-20.181333-39.658667-18.645333-55.808-57.28-60.373333-79.936l-3.605334-19.818667c-5.952-31.765333-17.024-87.573333-20.842666-107.136-2.858667-14.592-11.52-29.888-25.92-45.866667L256 682.666667h255.616zM768 682.666667c-16.853333 17.578667-26.88 34.346667-29.994667 50.261333l-20.437333 104.981333-3.477333 19.114667c-3.733333 22.122667-19.541333 63.317333-60.906667 82.794667-27.605333 13.013333-74.666667 19.712-141.184 20.181333l-0.277333-277.376L768 682.666667z"
                            fill="#FF5C00" p-id="6553"></path>
                        <path
                            d="M370.816 939.818667c-39.658667-18.645333-55.808-57.28-60.373333-79.936l-3.605334-19.818667a7985.28 7985.28 0 0 0-11.370666-58.944c40.896 23.893333 113.024 35.797333 216.384 35.818667L512 950.314667l0.149333-133.397334h10.112c98.005333-0.789333 166.805333-12.714667 206.357334-35.818666l-11.050667 56.810666-3.477333 19.114667c-3.733333 22.122667-19.541333 63.317333-60.906667 82.794667-27.605333 13.013333-74.666667 19.712-141.184 20.181333-66.538667-0.469333-113.578667-7.189333-141.184-20.181333z"
                            fill="#FF7325" p-id="6554"></path>
                        <path
                            d="M507.2 882.474667l4.693333-0.042667 0.085334 32.021333h-4.778667c-82.666667 0-145.322667-9.002667-187.946667-27.989333a122.24 122.24 0 0 1-8.810666-26.581333l-3.2-17.472c32.256 25.962667 98.858667 40.064 199.957333 40.064z m210.090667-42.965334l-3.2 17.514667c-1.216 7.189333-3.712 16.426667-7.957334 26.261333-44.394667 20.693333-109.098667 30.805333-194.069333 31.168v-32l4.778667-0.021333c98.88-0.917333 165.696-15.786667 200.448-42.922667zM512 725.333333c141.376 0 256-19.093333 256-42.666666v-42.624L256 640v42.666667c0 23.573333 114.624 42.666667 256 42.666666z"
                            fill="#FFD3A5" p-id="6555"></path>
                        <path d="M256 640a256 42.666667 0 1 0 512 0 256 42.666667 0 1 0-512 0Z" fill="#FF7325"
                            p-id="6556"></path>
                        <path
                            d="M322.88 661.333333c-72.789333-93.290667-87.850667-185.301333-87.850667-276.010666 0-52.650667 14.656-124.992 43.989334-174.336a213.333333 213.333333 0 0 1 176.554666-104.213334L564.48 106.666667a213.333333 213.333333 0 0 1 183.381333 104.32c29.333333 49.344 44.010667 121.685333 44.010667 174.336 0 90.709333-15.061333 182.72-87.850667 276.010666-24.042667 14.229333-88.042667 21.333333-192 21.333334s-166.997333-7.104-189.12-21.333334z"
                            fill="#66EFA6" p-id="6557"></path>
                        <path
                            d="M512 106.709333v575.936h-9.344c-98.389333-0.426667-158.314667-7.530667-179.776-21.312-72.789333-93.290667-87.850667-185.301333-87.850667-276.010666 0-52.650667 14.656-124.992 43.989334-174.336a213.333333 213.333333 0 0 1 176.554666-104.213334L512 106.709333z"
                            fill="#08A651" p-id="6558"></path>
                        <path
                            d="M564.48 106.666667c12.672 0 25.173333 1.130667 37.418667 3.306666 100.672 50.56 151.04 134.72 151.082666 252.522667 0.042667 114.218667-21.696 216.106667-65.237333 305.642667-31.36 9.685333-89.941333 14.528-175.744 14.528V106.709333L564.48 106.666667z"
                            fill="#04B84A" p-id="6559"></path>
                        <path
                            d="M518.293333 106.709333V682.666667H512c-81.173333 0-137.386667-4.330667-168.682667-13.013334-44.053333-89.898667-66.026667-192.298667-65.984-307.157333 0.064-118.485333 50.986667-202.944 152.832-253.376 8.362667-1.28 16.853333-2.069333 25.408-2.346667l62.72-0.064z"
                            fill="#26DD80" p-id="6560"></path>
                        <path
                            d="M515.178667 106.709333V682.666667H512c-40.384 0-74.602667-1.066667-102.656-3.221334l1.408 3.221334C364.416 576.554667 341.269333 463.296 341.333333 342.869333c0.064-120.170667 37.269333-198.826667 111.616-235.968l2.624-0.128 59.605334-0.064z"
                            fill="#00A03D" p-id="6561"></path>
                        <path
                            d="M512 106.666667v576h-40.448c-32.106667-106.112-48.128-219.370667-48.085333-339.797334 0.064-120.426667 16.085333-199.146667 48.085333-236.202666H512z"
                            fill="#37E18B" p-id="6562"></path>
                        <path
                            d="M564.48 106.666667c3.264 0 6.506667 0.085333 9.770667 0.213333 74.346667 37.162667 111.573333 115.84 111.616 235.989333 0.042667 120.426667-23.082667 233.685333-69.418667 339.797334l1.493333-3.434667C589.077333 681.514667 553.749333 682.666667 512 682.666667V106.709333L564.48 106.666667z"
                            fill="#38DE8B" p-id="6563"></path>
                        <path
                            d="M512 106.666667v576h40.448c32.106667-106.112 48.128-219.370667 48.085333-339.797334-0.064-120.426667-16.085333-199.146667-48.085333-236.202666H512z"
                            fill="#00A03D" p-id="6564"></path>
                        <path
                            d="M584.832 631.168L564.053333 661.333333l20.778667 30.165334L554.666667 670.72l-30.165334 20.778667L545.28 661.333333l-20.778667-30.165333L554.666667 651.946667l30.165333-20.778667z m-85.333333 0L478.72 661.333333l20.778667 30.165334L469.333333 670.72l-30.165333 20.778667L459.946667 661.333333l-20.778667-30.165333L469.333333 651.946667l30.165334-20.778667z m-170.666667-42.666667L308.053333 618.666667l20.778667 30.165333L298.666667 628.053333l-30.165334 20.778667L289.28 618.666667l-20.778667-30.165334L298.666667 609.28l30.165333-20.778667z m426.666667 0L734.72 618.666667l20.778667 30.165333L725.333333 628.053333l-30.165333 20.778667L715.946667 618.666667l-20.778667-30.165334L725.333333 609.28l30.165334-20.778667z m-283.584-57.749333L440.746667 576l31.168 45.248L426.666667 590.08l-45.248 31.168L412.586667 576l-31.168-45.248L426.666667 561.92l45.248-31.168z m170.666666 0L611.413333 576l31.168 45.248L597.333333 590.08l-45.248 31.168L583.253333 576l-31.168-45.248L597.333333 561.92l45.248-31.168z m-338.197333-24.469333L278.4 544l25.984 37.717333L266.666667 555.733333l-37.717334 25.984L254.933333 544l-25.984-37.717333L266.666667 532.266667l37.717333-25.984z m512 0L790.4 544l25.984 37.717333L778.666667 555.733333l-37.717334 25.984L766.933333 544l-25.984-37.717333L778.666667 532.266667l37.717333-25.984z m-347.584-100.416L432.426667 458.666667l36.373333 52.8L416 475.093333l-52.8 36.373334L399.573333 458.666667l-36.373333-52.8L416 442.24l52.8-36.373333z m192 0L624.426667 458.666667l36.373333 52.8L608 475.093333l-52.8 36.373334L591.573333 458.666667l-36.373333-52.8L608 442.24l52.8-36.373333zM279.893333 402.773333L248.746667 448l31.168 45.248L234.666667 462.08l-45.248 31.168L220.586667 448l-31.168-45.248L234.666667 433.92l45.248-31.168z m554.666667 0L803.413333 448l31.168 45.248L789.333333 462.08l-45.248 31.168L775.253333 448l-31.168-45.248L789.333333 433.92l45.248-31.168z m-173.781333-124.885333L624.426667 330.666667l36.373333 52.8L608 347.093333l-52.8 36.373334L591.573333 330.666667l-36.373333-52.8L608 314.24l52.8-36.373333z m192 0L816.426667 330.666667l36.373333 52.8L800 347.093333l-52.8 36.373334L783.573333 330.666667l-36.373333-52.8L800 314.24l52.8-36.373333z m-384 0L432.426667 330.666667l36.373333 52.8L416 347.093333l-52.8 36.373334L399.573333 330.666667l-36.373333-52.8L416 314.24l52.8-36.373333z m-170.666667 0L261.76 330.666667l36.373333 52.8L245.333333 347.093333l-52.8 36.373334L228.906667 330.666667l-36.373334-52.8L245.333333 314.24l52.8-36.373333zM720 159.36l41.6 48.789333L821.973333 186.666667l-48.789333 41.6 21.461333 60.394666-41.6-48.789333-60.394666 21.461333 48.789333-41.6L720 159.36z m-416 0L282.538667 219.733333l48.789333 41.578667-60.416-21.461333-41.578667 48.789333 21.461334-60.416L202.026667 186.666667 262.4 208.128 304 159.36z m164.8 11.861333L432.426667 224l36.373333 52.8L416 240.426667l-52.8 36.373333L399.573333 224l-36.373333-52.8L416 207.573333l52.8-36.373333z m192 0L624.426667 224l36.373333 52.8L608 240.426667l-52.8 36.373333L591.573333 224l-36.373333-52.8L608 207.573333l52.8-36.373333z m-64-106.666666L560.426667 117.333333l36.373333 52.8L544 133.76l-39.061333 26.88 6.528 9.493333-10.133334-6.997333-10.133333 6.997333 6.528-9.493333L458.666667 133.76l-52.8 36.373333 8.021333-11.648-47.573333-16.874666-35.648 41.813333 18.389333-51.776-41.813333-35.648 51.776 18.389333 35.648-41.813333-18.389334 51.776 38.506667 32.810667L442.24 117.333333l-36.373333-52.8L458.666667 100.906667l39.04-26.88-6.506667-9.493334 10.133333 6.976 10.133334-6.976-6.528 9.472L544 100.906667l52.8-36.373334z m53.866667 8.042666l35.626666 41.813334 51.797334-18.389334-41.813334 35.626667 18.389334 51.797333-35.626667-41.813333-51.797333 18.389333 41.813333-35.626666-18.389333-51.797334z m-149.333334 6.656L475.093333 117.333333l26.24 38.058667L527.573333 117.333333 501.333333 79.232z"
                            fill="#98FFC7" p-id="6565"></path>
                    </svg>
                    植物</a>
            </li>
            <li class=" nav-item">
                <a href="#home" data-bs-toggle="tab" class=" nav-link d-flex flex-column bottom-tab">
                    <svg t="1641221018263" class="mx-auto" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="2981" width="32" height="32">
                        <path
                            d="M512 96c-132.3 0-240 107.7-240 240s107.7 240 240 240 240-107.7 240-240S644.3 96 512 96z"
                            p-id="2982" fill="#bfbfbf"></path>
                        <path
                            d="M753.8 589.7c-21.6-15.5-50.6-16-72.7-1.2C632.7 621 574.5 640 512 640s-120.8-19-169.1-51.5c-22-14.8-51.1-14.3-72.7 1.2-18.6 13.3-36.1 28.1-52.2 44.3-58.4 58.4-99.5 133.9-115.1 218.3-7.3 39.4 22.9 75.7 62.9 75.7h692.3c39.9 0 70.2-36.1 63-75.4-19.8-107.9-81.4-201.3-167.3-262.9z"
                            p-id="2983" fill="#bfbfbf"></path>
                    </svg>
                    我的</a>
            </li>
        </ul>
    </div> -->
    <!-- 移动端底部导航结束 -->

    <!-- 移动端底部导航开始 -->
    <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
        <symbol id="flower" fill="currentColor" viewBox="0 0 16 16">
            <path d="M8 16a4 4 0 0 0 4-4 4 4 0 0 0 0-8 4 4 0 0 0-8 0 4 4
        0 1 0 0 8 4 4 0 0 0 4 4zm3-12c0
        .073-.01.155-.03.247-.544.241-1.091.638-1.598
        1.084A2.987 2.987 0 0 0 8 5c-.494
        0-.96.12-1.372.331-.507-.446-1.054-.843-1.597-1.084A1.117
        1.117 0 0 1 5 4a3 3 0 0 1 6 0zm-.812 6.052A2.99 2.99 0 0
        0 11 8a2.99 2.99 0 0
        0-.812-2.052c.215-.18.432-.346.647-.487C11.34 5.131
        11.732 5 12 5a3 3 0 1 1 0 6c-.268
        0-.66-.13-1.165-.461a6.833 6.833 0 0
        1-.647-.487zm-3.56.617a3.001 3.001 0 0 0 2.744
        0c.507.446 1.054.842 1.598 1.084.02.091.03.174.03.247a3
        3 0 1 1-6 0c0-.073.01-.155.03-.247.544-.242 1.091-.638
        1.598-1.084zm-.816-4.721A2.99 2.99 0 0 0 5 8c0 .794.308
        1.516.812 2.052a6.83 6.83 0 0 1-.647.487C4.66 10.869
        4.268 11 4 11a3 3 0 0 1 0-6c.268 0 .66.13
        1.165.461.215.141.432.306.647.487zM8 9a1 1 0 1 1 0-2 1 1
        0 0 1 0 2z" />
        </symbol>

        <symbol id="house" fill="currentColor" viewBox="0 0 16 16">
            <path fill-rule="evenodd" d="m8 3.293 6 6V13.5a1.5 1.5 0
            0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2
            13.5V9.293l6-6zm5-.793V6l-2-2V2.5a.5.5 0 0 1
            .5-.5h1a.5.5 0 0 1 .5.5z" />
            <path fill-rule="evenodd" d="M7.293 1.5a1 1 0 0 1
                1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207
                1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z" />
        </symbol>
        <symbol id="person" fill="currentColor" viewBox="0 0 16 16">
            <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1
                    1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
        </symbol>
        <symbol id="message" fill="currentColor" viewBox="0 0 16 16">
            <path
                d="M8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6-.097 1.016-.417 2.13-.771 2.966-.079.186.074.394.273.362 2.256-.37 3.597-.938 4.18-1.234A9.06 9.06 0 0 0 8 15z" />

        </symbol>
    </svg>
    <div class=" d-md-none my-5">

    </div>
    <div class="d-md-none bg-light fixed-bottom border-top">
        <ul class="nav nav-tabs flex-nowrap justify-content-evenly">
            <li class=" nav-item">
                <a href="#home" data-bs-toggle="tab" class=" nav-link active d-flex flex-column bottom-tab">
                    <svg class=" mx-auto" width="20" height="20">
                        <use xlink:href="#house" />
                    </svg>
                    首页</a>
            </li>
            <li class=" nav-item">
                <a href="#home" data-bs-toggle="tab" class=" nav-link d-flex flex-column bottom-tab">
                    <svg class=" mx-auto" width="20" height="20">
                        <use xlink:href="#message" />
                    </svg>
                    消息</a>
            </li>
            <li class=" nav-item">
                <a href="#home" data-bs-toggle="tab" class=" nav-link d-flex flex-column bottom-tab">
                    <svg t="1641221216687" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="6552" width="20" height="20">
                        <path
                            d="M511.616 682.666667L512 960c-66.538667-0.469333-113.578667-7.189333-141.184-20.181333-39.658667-18.645333-55.808-57.28-60.373333-79.936l-3.605334-19.818667c-5.952-31.765333-17.024-87.573333-20.842666-107.136-2.858667-14.592-11.52-29.888-25.92-45.866667L256 682.666667h255.616zM768 682.666667c-16.853333 17.578667-26.88 34.346667-29.994667 50.261333l-20.437333 104.981333-3.477333 19.114667c-3.733333 22.122667-19.541333 63.317333-60.906667 82.794667-27.605333 13.013333-74.666667 19.712-141.184 20.181333l-0.277333-277.376L768 682.666667z"
                            fill="#FF5C00" p-id="6553"></path>
                        <path
                            d="M370.816 939.818667c-39.658667-18.645333-55.808-57.28-60.373333-79.936l-3.605334-19.818667a7985.28 7985.28 0 0 0-11.370666-58.944c40.896 23.893333 113.024 35.797333 216.384 35.818667L512 950.314667l0.149333-133.397334h10.112c98.005333-0.789333 166.805333-12.714667 206.357334-35.818666l-11.050667 56.810666-3.477333 19.114667c-3.733333 22.122667-19.541333 63.317333-60.906667 82.794667-27.605333 13.013333-74.666667 19.712-141.184 20.181333-66.538667-0.469333-113.578667-7.189333-141.184-20.181333z"
                            fill="#FF7325" p-id="6554"></path>
                        <path
                            d="M507.2 882.474667l4.693333-0.042667 0.085334 32.021333h-4.778667c-82.666667 0-145.322667-9.002667-187.946667-27.989333a122.24 122.24 0 0 1-8.810666-26.581333l-3.2-17.472c32.256 25.962667 98.858667 40.064 199.957333 40.064z m210.090667-42.965334l-3.2 17.514667c-1.216 7.189333-3.712 16.426667-7.957334 26.261333-44.394667 20.693333-109.098667 30.805333-194.069333 31.168v-32l4.778667-0.021333c98.88-0.917333 165.696-15.786667 200.448-42.922667zM512 725.333333c141.376 0 256-19.093333 256-42.666666v-42.624L256 640v42.666667c0 23.573333 114.624 42.666667 256 42.666666z"
                            fill="#FFD3A5" p-id="6555"></path>
                        <path d="M256 640a256 42.666667 0 1 0 512 0 256 42.666667 0 1 0-512 0Z" fill="#FF7325"
                            p-id="6556"></path>
                        <path
                            d="M322.88 661.333333c-72.789333-93.290667-87.850667-185.301333-87.850667-276.010666 0-52.650667 14.656-124.992 43.989334-174.336a213.333333 213.333333 0 0 1 176.554666-104.213334L564.48 106.666667a213.333333 213.333333 0 0 1 183.381333 104.32c29.333333 49.344 44.010667 121.685333 44.010667 174.336 0 90.709333-15.061333 182.72-87.850667 276.010666-24.042667 14.229333-88.042667 21.333333-192 21.333334s-166.997333-7.104-189.12-21.333334z"
                            fill="#66EFA6" p-id="6557"></path>
                        <path
                            d="M512 106.709333v575.936h-9.344c-98.389333-0.426667-158.314667-7.530667-179.776-21.312-72.789333-93.290667-87.850667-185.301333-87.850667-276.010666 0-52.650667 14.656-124.992 43.989334-174.336a213.333333 213.333333 0 0 1 176.554666-104.213334L512 106.709333z"
                            fill="#08A651" p-id="6558"></path>
                        <path
                            d="M564.48 106.666667c12.672 0 25.173333 1.130667 37.418667 3.306666 100.672 50.56 151.04 134.72 151.082666 252.522667 0.042667 114.218667-21.696 216.106667-65.237333 305.642667-31.36 9.685333-89.941333 14.528-175.744 14.528V106.709333L564.48 106.666667z"
                            fill="#04B84A" p-id="6559"></path>
                        <path
                            d="M518.293333 106.709333V682.666667H512c-81.173333 0-137.386667-4.330667-168.682667-13.013334-44.053333-89.898667-66.026667-192.298667-65.984-307.157333 0.064-118.485333 50.986667-202.944 152.832-253.376 8.362667-1.28 16.853333-2.069333 25.408-2.346667l62.72-0.064z"
                            fill="#26DD80" p-id="6560"></path>
                        <path
                            d="M515.178667 106.709333V682.666667H512c-40.384 0-74.602667-1.066667-102.656-3.221334l1.408 3.221334C364.416 576.554667 341.269333 463.296 341.333333 342.869333c0.064-120.170667 37.269333-198.826667 111.616-235.968l2.624-0.128 59.605334-0.064z"
                            fill="#00A03D" p-id="6561"></path>
                        <path
                            d="M512 106.666667v576h-40.448c-32.106667-106.112-48.128-219.370667-48.085333-339.797334 0.064-120.426667 16.085333-199.146667 48.085333-236.202666H512z"
                            fill="#37E18B" p-id="6562"></path>
                        <path
                            d="M564.48 106.666667c3.264 0 6.506667 0.085333 9.770667 0.213333 74.346667 37.162667 111.573333 115.84 111.616 235.989333 0.042667 120.426667-23.082667 233.685333-69.418667 339.797334l1.493333-3.434667C589.077333 681.514667 553.749333 682.666667 512 682.666667V106.709333L564.48 106.666667z"
                            fill="#38DE8B" p-id="6563"></path>
                        <path
                            d="M512 106.666667v576h40.448c32.106667-106.112 48.128-219.370667 48.085333-339.797334-0.064-120.426667-16.085333-199.146667-48.085333-236.202666H512z"
                            fill="#00A03D" p-id="6564"></path>
                        <path
                            d="M584.832 631.168L564.053333 661.333333l20.778667 30.165334L554.666667 670.72l-30.165334 20.778667L545.28 661.333333l-20.778667-30.165333L554.666667 651.946667l30.165333-20.778667z m-85.333333 0L478.72 661.333333l20.778667 30.165334L469.333333 670.72l-30.165333 20.778667L459.946667 661.333333l-20.778667-30.165333L469.333333 651.946667l30.165334-20.778667z m-170.666667-42.666667L308.053333 618.666667l20.778667 30.165333L298.666667 628.053333l-30.165334 20.778667L289.28 618.666667l-20.778667-30.165334L298.666667 609.28l30.165333-20.778667z m426.666667 0L734.72 618.666667l20.778667 30.165333L725.333333 628.053333l-30.165333 20.778667L715.946667 618.666667l-20.778667-30.165334L725.333333 609.28l30.165334-20.778667z m-283.584-57.749333L440.746667 576l31.168 45.248L426.666667 590.08l-45.248 31.168L412.586667 576l-31.168-45.248L426.666667 561.92l45.248-31.168z m170.666666 0L611.413333 576l31.168 45.248L597.333333 590.08l-45.248 31.168L583.253333 576l-31.168-45.248L597.333333 561.92l45.248-31.168z m-338.197333-24.469333L278.4 544l25.984 37.717333L266.666667 555.733333l-37.717334 25.984L254.933333 544l-25.984-37.717333L266.666667 532.266667l37.717333-25.984z m512 0L790.4 544l25.984 37.717333L778.666667 555.733333l-37.717334 25.984L766.933333 544l-25.984-37.717333L778.666667 532.266667l37.717333-25.984z m-347.584-100.416L432.426667 458.666667l36.373333 52.8L416 475.093333l-52.8 36.373334L399.573333 458.666667l-36.373333-52.8L416 442.24l52.8-36.373333z m192 0L624.426667 458.666667l36.373333 52.8L608 475.093333l-52.8 36.373334L591.573333 458.666667l-36.373333-52.8L608 442.24l52.8-36.373333zM279.893333 402.773333L248.746667 448l31.168 45.248L234.666667 462.08l-45.248 31.168L220.586667 448l-31.168-45.248L234.666667 433.92l45.248-31.168z m554.666667 0L803.413333 448l31.168 45.248L789.333333 462.08l-45.248 31.168L775.253333 448l-31.168-45.248L789.333333 433.92l45.248-31.168z m-173.781333-124.885333L624.426667 330.666667l36.373333 52.8L608 347.093333l-52.8 36.373334L591.573333 330.666667l-36.373333-52.8L608 314.24l52.8-36.373333z m192 0L816.426667 330.666667l36.373333 52.8L800 347.093333l-52.8 36.373334L783.573333 330.666667l-36.373333-52.8L800 314.24l52.8-36.373333z m-384 0L432.426667 330.666667l36.373333 52.8L416 347.093333l-52.8 36.373334L399.573333 330.666667l-36.373333-52.8L416 314.24l52.8-36.373333z m-170.666667 0L261.76 330.666667l36.373333 52.8L245.333333 347.093333l-52.8 36.373334L228.906667 330.666667l-36.373334-52.8L245.333333 314.24l52.8-36.373333zM720 159.36l41.6 48.789333L821.973333 186.666667l-48.789333 41.6 21.461333 60.394666-41.6-48.789333-60.394666 21.461333 48.789333-41.6L720 159.36z m-416 0L282.538667 219.733333l48.789333 41.578667-60.416-21.461333-41.578667 48.789333 21.461334-60.416L202.026667 186.666667 262.4 208.128 304 159.36z m164.8 11.861333L432.426667 224l36.373333 52.8L416 240.426667l-52.8 36.373333L399.573333 224l-36.373333-52.8L416 207.573333l52.8-36.373333z m192 0L624.426667 224l36.373333 52.8L608 240.426667l-52.8 36.373333L591.573333 224l-36.373333-52.8L608 207.573333l52.8-36.373333z m-64-106.666666L560.426667 117.333333l36.373333 52.8L544 133.76l-39.061333 26.88 6.528 9.493333-10.133334-6.997333-10.133333 6.997333 6.528-9.493333L458.666667 133.76l-52.8 36.373333 8.021333-11.648-47.573333-16.874666-35.648 41.813333 18.389333-51.776-41.813333-35.648 51.776 18.389333 35.648-41.813333-18.389334 51.776 38.506667 32.810667L442.24 117.333333l-36.373333-52.8L458.666667 100.906667l39.04-26.88-6.506667-9.493334 10.133333 6.976 10.133334-6.976-6.528 9.472L544 100.906667l52.8-36.373334z m53.866667 8.042666l35.626666 41.813334 51.797334-18.389334-41.813334 35.626667 18.389334 51.797333-35.626667-41.813333-51.797333 18.389333 41.813333-35.626666-18.389333-51.797334z m-149.333334 6.656L475.093333 117.333333l26.24 38.058667L527.573333 117.333333 501.333333 79.232z"
                            fill="#98FFC7" p-id="6565"></path>
                    </svg>
                    植物</a>
            </li>
            <li class=" nav-item">
                <a href="#home" data-bs-toggle="tab" class=" nav-link d-flex flex-column bottom-tab">
                    <svg class=" mx-auto" width="20" height="20">
                        <use xlink:href="#person" />
                    </svg>
                    我的</a>
            </li>
        </ul>
    </div>
    <!-- 移动端底部导航结束 -->


    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/jquery-3.5.1.min.js"></script>
    <script>
        $(".b").hide();
        $(".card").hover(
            function () {
                $(this).children(".b").show();
            },
            function () {
                $(this).children(".b").hide();
            }
        )
    </script>
</body>

</html>